if (process.env.NODE_ENV !== 'production') {
  require('./home.html')
}
import 'bootstrap/dist/css/bootstrap.min.css'
import './home.less'

var $navs = $('.top-nav .item'),
  $sections = $('.section'),
  $menu = $('.top-nav .icon-menu'),
  $window = $(window),
  $applyDialog = $('.apply-dialog'),
  $mask = $('.mask'),
  $toast = $('.toast'),
  wh = $(window).height(),
  navLength = $navs.length - 1,
  sectionSwitch = true,
  scrollSwitch = true,
  aniInterval = 400,
  sectionOffsetTop = 50;


// 页面滚动时导航定位
$window.on('scroll', function () {
  if (scrollSwitch && sectionSwitch) {
    var st = $window.scrollTop(),
      len = navLength;
    for (; len > -1; len--) {
      var that = $sections.eq(len);
      if (st >= that.offset().top - wh) {
        $navs.removeClass('active').eq(len).addClass('active');
        break;
      }
    }
  } else {
    if (scrollSwitch) {
      scrollSwitch = false
      setTimeout(function () {
        scrollSwitch = true
        sectionSwitch = true
      }, aniInterval)
    }
  }
})

// 点击导航定位页面
$navs.on('click', function (e) {
  e.preventDefault()
  sectionSwitch = false
  $('html, body').animate({
    'scrollTop': $($(this).attr('href')).offset().top - sectionOffsetTop
  }, aniInterval)
})


// 菜单展开/收缩
$menu.on('click', function () {
  var topNav = $('.top-nav')
  if (topNav.hasClass('toggle')) {
    topNav.removeClass('toggle')
  } else {
    topNav.addClass('toggle')
  }
})

$('.top-nav .item').on('click', function () {
  var $this = $(this)
  $('.top-nav .item').removeClass('active')
  $this.addClass('active')

})

// 立即申请
$('.apply-btn').on('click', function () {
  $mask.addClass('active')
  $applyDialog.addClass('active')
  // $.ajax({
  //   url: 'https://api.test.flashpay.club/v1/ping',
  //   type: 'get',
  //   success: function (res) {
  //     console.log(res)
  //   },
  //   error: function (err) {
  //     console.log(err)
  //   }
  // })
})

// 点击弹窗关闭图标
$('.close-icon').on('click', function () {
  $mask.removeClass('active')
  $applyDialog.removeClass('active')
})

// 获取验证码
$('#getCode').on('click', function () {
  var account = $('#account').val()
  
  if (account.trim() === '') {
    showToast('请填写手机号')
    return
  }
  
  $.ajax({
    url: 'https://api.test.flashpay.club/v1/verification/codes',
    type: 'post',
    data: {
      account: '+86' + account,
      purpose: 'apply_merchant'
    },
    async: false,
    success: function (res) {
      showToast('发送成功')
      console.log(res)
    },
    error: function (err) {
      showToast('发送失败')
      console.log(err)
    }
  })

})

// 提交
$('#submit').on('click', function () {
  var account = $('#account').val(),
    name = $('#name').val()
    // code = $('#code').val(),
    // token = '',
    // license_photo = '',
    // store_photo = '',
    // certificates = [],
    // sid = '',
    // next = true

  if (account.trim() === '') {
    showToast('请填写手机号')
    return
  }
  // if (code.trim() === '') {
  //   showToast('请填写验证码')
  //   return
  // }

  $.ajax({
    url: 'http://39.108.124.73:2000/flash/flash',
    type: 'post',
    data: {
      kind: account,
      tel: account,
      name: name
    },
    success: function (res) {
      showToast('申请成功')
      $mask.removeClass('active')
      $applyDialog.removeClass('active')
    },
    error: function (err) {
      showToast('申请失败')
    }
  })

  // $.ajax({
  //   url: 'https://api.test.flashpay.club/v1/verification/tokens',
  //   type: 'post',
  //   data: {
  //     account: `+86${account}`,
  //     purpose: 'apply_merchant',
  //     code: code
  //   },
  //   async: false,
  //   success: function (res, status, xhr) {
  //     next = true
  //     token = res.token
  //     sid = xhr.getResponseHeader('sid')
  //   },
  //   error: function (err) {
  //     next = false
  //   }
  // })

  // if (!next || token === '') {
  //   showToast('验证码验证失败')
  //   return
  // }

  // $.ajax({
  //   url: 'https://api.test.flashpay.club/v1/merchants/apps',
  //   type: 'post',
  //   data: {
  //     name: name,
  //     account: `+86${account}`,
  //     token: token,
  //     license_photo: license_photo,
  //     store_photo: store_photo,
  //     certificates: certificates,
  //     sid: sid
  //   },
  //   success: function (res) {
  //     showToast('提交成功，等待后台审核')
  //   },
  //   error: function (err) {
  //     showToast('提交失败')
  //   }
  // })

})

// 显示吐司
function showToast (text) {
  $toast.text(text).css({
    marginLeft: '-' + ($toast.width() / 2) + 'px'
  }).addClass('active')

  setTimeout(function () {
    $toast.removeClass('active').text('')
  }, 2500)
}